﻿
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,viewport-fit=cover">
<title>个人中心</title>
<link href="css/reset.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/flexible.js"></script>
</head>
<body style="background: #f2f2f2">
	<div class="user-wrappy">
		<div class="my">我的</div>
		<div class="user_name clearfix">
			<div class="name_img"></div>
			<div class="name_data">
				<p class="name">用户名</p>
				<p class="id">ID:123456</p>
				<p class="ordinary">普通</p>
			</div>
		</div>
		<div class="division"></div>
		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/1.png">
			<div class="book_recharge">书币充值</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
			<div class="balance">
				<span>书币余额：</span>
				<span class="balance_number">50</span>
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/5.png">
			<div class="book_recharge">我的书券</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
			<div class="balance">
				<span class="balance_number">0</span>
				<span>书卷</span>
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/8.png">
			<div class="book_recharge">邀请好友</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
			<div class="balance">
				<span>邀请可获得
					<span class="balance_number">50</span>
					书币
				</span>
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/7.png">
			<div class="book_recharge">消费记录</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/9.png">
			<div class="book_recharge">阅读足迹</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/2.png">
			<div class="book_recharge">联系客服</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
		</a>

		<a href="#" class="recharge">
			<img class="recharge_img" src="./images/user/3.png">
			<div class="book_recharge">手机绑定</div>
			<div class="recharge_right">
				<img class="recharge_right_img" src="./images/user/4.png">
			</div>
			<div class="balance">
				<span>绑定手机号</span>
			</div>
		</a>

		<!-- <div class="base"></div> -->
	</div>
</body>

</html>